<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="a">
			<table border="1px" bgcolor="aquamarine" cellpadding="0" width="200px">
				<tr>
					<th>ID</th>
					<th>User</th>
					<th>age</th>
				</tr>
				<tr>
					<th>{{person[0].id}}</th>
					<th>{{person[1].user}}</th>
					<th>{{person[0].age}}</th>
				</tr>
				<tr>
					<th>{{person[1].id}}</th>
					<th>{{person[0].user}}</th>
					<th>{{person[1].age}}</th>
				</tr>
			</table>
			<input type="text" v-model="person[1].id"/>
		</div>
		<script>
			new Vue({
				el:"#a",
				data(){
					return{
						person:[
							{
							id:15,
							user:"jack",
							age:15,
							},
							{
							id:02,
							user:"tony",
							age:26
							}
						]
					}
				}
			})
		</script>
	</body>
</html>
